<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度一下，你就知道</title>
    <link rel='icon' href='images/titleLogo.ico ' type=‘image/x-ico’ />

    <link rel="stylesheet" href="bd2.css">
</head>
<body>
   <div id="container">
       <div id="header">
           <div id="nav">
               <nav>
                   <ul>
                       <li><a href="https://www.nuomi.com/?cid=002540">糯米</a></li>
                       <li><a href="http://news.baidu.com/">新闻</a></li>
                       <li><a href="https://www.hao123.com/">hao123</a></li>
                       <li><a href="http://map.baidu.com">地图</a></li>
                       <li><a href="http://v.baidu.com/">视频</a></li>
                       <li><a href="http://tieba.baidu.com/">贴吧</a></li>
                       <li><a class="dlabel">登录</a></li>
                       <li class="dlabel">
                           设置
                           <div class="dropdown1-content">
                               <a href="#">搜索设置</a>
                               <a href="#">高级搜索</a>
                               <a href="#">关闭预测</a>
                               <a href="#">搜索历史</a>
                           </div>
                       </li>
                       <li class="dropdown">
                           更多产品
                           <div class="dropdown-content">
                               <a href="#">
                                   <span id="navp1"></span>
                                    音乐
                               </a>
                               <a href="#">
                                   <span id="navp2"></span>
                                   图片
                               </a>
                               <a href="#">
                                   <span id="navp3"></span>
                                   知道
                               </a>
                               <a href="#">
                                   <span id="navp4"></span>
                                   文库
                               </a>
                               <a href="#">
                                   <span id="navp5"></span>
                                   风云榜
                               </a>
                               <a href="#">

                                   全部产品>>
                               </a>
                           </div>
                       </li>
                   </ul>
               </nav>
           </div>

       </div>

       <div id="body">
           <div id="logo">
               <img id="bdlogol" src="images/logo.png" height="258" width="540"/>
           </div>
           <div id="search">
               <span id="input_wrapper">
                   <input id="input">
                   <span id="pic"></span>
               </span>
               <span><button>百度一下</button></span>
           </div>
       </div>

       <div id="footer">
           <div id="foot_wrapper">
               <div class="code">
                   <img src="images/s1.png" height="60" width="60"/></div>
               <div class="text">
                   <p>手机百度</p>
                   <p>快人一步</p>
               </div>
               <div class="code"><img src="images/s2.png" height="60" width="60"/></div>
               <div class="text">
                   <p>百度糯米</p>
                   <p>一元大餐</p>
               </div>
               <div id="information">
                   <p>
                       <a href="#">把百度设为主页</a>
                       <a href="#">关于百度</a>
                       <a href="#">About Baidu</a>
                       <a href="#">百度推广</a>
                   </p>
                   <p>
                       @2016 Baidu
                       <a href="#">使用百度前必读</a>
                       <a href="#">意见反馈</a>
                       京ICP证030172号
                   </p>
                   <p>京公网安备11000002000001号</p>
               </div>
           </div>

       </div>
   </div>
</body>
</html>